﻿/* Core Formatting */
html
{
    height: 100%;
    margin-bottom: 1px;
}
body
{
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    margin: 0;
    line-height: 135%;
}
form
{
    margin: 0;
    padding: 0;
}
body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small
{
    font-size: 11px;
}
body, body.f-default
{
    font-size: 12px;
}
body#ff-optima, body#ff-optima.f-default
{
    font-size: 13px;
}
body#ff-georgia, body#ff-georgia.f-default
{
    font-size: 13px;
}
body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large
{
    font-size: 14px;
}
p
{
    margin-top: 10px;
    margin-bottom: 15px;
}
h1, h2, h3, h4, h5
{
    padding-bottom: 5px; /*margin: 25px 0 10px 0;*/
    margin: 0;
    font-weight: normal; /*line-height: 120%;*/
}
h1
{
    font-size: 250%;
    line-height: 100%;
}
h2
{
    font-size: 200%;
    line-height: 100%;
}
h3
{
    font-size: 175%;
}
h4
{
    font-size: 120%;
    line-height: 130%;
}
h5
{
    font-size: 120%;
    text-transform: uppercase;
}
a
{
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
.clr
{
    clear: both;
    line-height: 0px;
}
.rokradios, .rokchecks
{
    padding: 2px 5px 5px 22px;
    line-height: 120%;
}

/* Header */
#header-overlay
{
    height: 109px;
}
#logo
{
    position: absolute;
    margin-top: 15px;
}
#admin_logo
{
    position: absolute;
    margin-top: 15px;
}
.logo-module
{
    width: 511px;
    float: left;
    height: 95px; /*overflow: hidden;*/
}

/* Horizontal Menu */
#horiz-menu-surround
{
    float: right;
}
#horiz-menu
{
    padding-left: 10px;
    height: 77px;
    display: block;
    margin-top: 20px;
}
ul#horiznav.menutop, #horiz-menu ul.menutop, ul#horiznav.level1, #horiz-menu ul.level1
{
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 120;
    cursor: pointer;
}
#horiz-menu li, #horiz-menu li .link, #horiz-menu li .level1
{
    position: relative;
    display: block;
    height: 65px;
    line-height: 65px;
    padding: 0 10px 0 10px;
}
#horiz-menu li:hover .link, #horiz-menu li.sfHover .link, #horiz-menu li:hover .level1, #horiz-menu li.sfHover .level1
{
    z-index: 100;
    cursor: pointer;
    margin: 0;
}
#horiz-menu .link, #horiz-menu .level1
{
    white-space: nowrap;
    display: block;
    float: left;
    height: 82px;
    line-height: 77px;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
    z-index: 100;
    cursor: pointer;
    padding: 0;
}
#horiz-menu li:hover .link, #horiz-menu li.sfHover .link, #horiz-menu li.active .link, #horiz-menu li:hover .level1, #horiz-menu li.sfHover .level1, #horiz-menu li.active .level1
{
    z-index: 100;
    cursor: pointer;
    margin: 0;
}
#horiz-menu ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
#horiz-menu li
{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    font-weight: bold;
}
#horiz-menu li .link span, #horiz-menu li .level span
{
    display: block;
    padding: 0 15px;
    height: 77px;
}
#horiz-menu li li .link span, #horiz-menu li li .level span
{
    display: block;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
}
#horiz-menu li.active li .link, #horiz-menu li:hover li .link, #horiz-menu li.active li .level1, #horiz-menu li:hover li .level1
{
    background: none !important;
}

#horiz-menu ul ul
{
    margin: 0;
    border: 0;
    padding: 0 10px 15px 10px;
}
#horiz-menu li li
{
    margin: 0;
}
#horiz-menu li li .link, #horiz-menu li li .level1
{
    text-indent: 10px;
    font-weight: normal;
    padding: 0;
    margin: 0;
    height: 33px;
    font-size: 12px;
    display: block;
}
#horiz-menu li li .link span, #horiz-menu li li .level1 span
{
    display: block;
    padding: 0;
    margin-left: 0;
}
#horiz-menu ul ul li, #horiz-menu ul ul li.active, #horiz-menu ul ul li.parent
{
    height: 30px;
}
.menutop li:hover ul, .menutop li.sfHover ul, .level1 li:hover ul, .level1 li.sfHover ul
{
    left: 0;
    top: 8px;
}
#horiz-menu ul ul li, #horiz-menu ul ul li.c0, #horiz-menu ul ul li.c1, #horiz-menu ul ul li.c2, #horiz-menu ul ul li.c3
{
    float: left;
    width: 173px;
    padding: 0;
}
#horiz-menu li ul, #horiz-menu li ul.columns-1, #horiz-menu .drop-wrap.columns-1
{
    width: 195px;
}
#horiz-menu li ul.columns-2, #horiz-menu .drop-wrap.columns-2
{
    width: 370px;
}
#horiz-menu li ul.columns-3, #horiz-menu .drop-wrap.columns-3
{
    width: 555px;
}
#horiz-menu li ul.columns-4, #horiz-menu .drop-wrap.columns-4
{
    width: 740px;
}
.menutop .drop-wrap.columns-1 .drop1, .menutop .drop-wrap.columns-2 .drop1, .menutop .drop-wrap.columns-3 .drop1, .menutop .drop-wrap.columns-4 .drop1, .level1 .drop-wrap.columns-1 .drop1, .level1 .drop-wrap.columns-2 .drop1, .level1 .drop-wrap.columns-3 .drop1, .level1 .drop-wrap.columns-4 .drop1
{
    height: 8px;
}
#horiz-menu .sfHover
{
    z-index: 700;
}
.menutop .drop-wrap, .level1 .drop-wrap
{
    float: none;
    left: -999em;
    position: absolute;
    z-index: 700;
    width: 100%;
}
.menutop li:hover .drop-wrap, .menutop li.sfHover .drop-wrap, .level1 li:hover .drop-wrap, .level1 li.sfHover .drop-wrap
{
    left: -4px;
    top: 69px;
}
.menutop li:hover li .drop-wrap, .menutop li.sfHover li .drop-wrap, .menutop li li:hover li .drop-wrap, .menutop li li.sfHover li .drop-wrap, .menutop li li li:hover li .drop-wrap, .menutop li li li.sfHover li .drop-wrap, .level1 li:hover li .drop-wrap, .level1 li.sfHover li .drop-wrap, .level1 li li:hover li .drop-wrap, .level1 li li.sfHover li .drop-wrap, .level1 li li li:hover li .drop-wrap, .level1 li li li.sfHover li .drop-wrap
{
    top: -999em;
}
.menutop li li:hover .drop-wrap, .menutop li li.sfHover .drop-wrap, .menutop li li li:hover .drop-wrap, .menutop li li li.sfHover .drop-wrap, .menutop li li li li:hover .drop-wrap, .menutop li li li li.sfHover .drop-wrap, .level1 li li:hover .drop-wrap, .level1 li li.sfHover .drop-wrap, .level1 li li li:hover .drop-wrap, .level1 li li li.sfHover .drop-wrap, .level1 li li li li:hover .drop-wrap, .level1 li li li li.sfHover .drop-wrap
{
    left: 165px;
    top: -8px;
}
#horiz-menu li.parent:hover li .link, #horiz-menu li.parent.sfHover li .link, #horiz-menu li.active li .link span, #horiz-menu li:hover li .link span, #horiz-menu li.sfHover li .link span, #horiz-menu li.parent:hover li .level1, #horiz-menu li.parent.sfHover li .level1, #horiz-menu li.active li .level1 span, #horiz-menu li:hover li .level1 span, #horiz-menu li.sfHover li .level1 span
{
    background: none;
}
#horiz-menu.suckerfish li li:hover li span, #horiz-menu.suckerfish li li:hover li:hover li span, #horiz-menu.suckerfish li li:hover li:hover li:hover li span, #horiz-menu.suckerfish li li.sfHover li span, #horiz-menu.suckerfish li li.sfHover li.sfHover li span, #horiz-menu.suckerfish li li.sfHover li.sfHover li.sfHover li span
{
    background: none;
}

/* Main Body */
#mainbody-overlay
{
    padding-top: 1px;
}
#mainbody-overlay2
{
    /*overflow: hidden;*/
    padding-top: 15px;
    padding-bottom: 0;
}
.wrapper
{
    position: relative;
}
/* Main Page Structure */
#main-content
{
    /*overflow: hidden;*/
}
table.mainbody, table.blog
{
    width: 100%;
    border: 0;
    padding: 0;
}
.spacer .block
{
    float: left;
}
span.breadcrumbs
{
    display: block;
    font-size: 110%;
    font-weight: bold; /*overflow: hidden;*/
}
span.breadcrumbs img
{
    width: 12px;
    height: 24px;
    float: left;
}
span.breadcrumbs a, span.no-link
{
    padding: 0 8px;
    float: left;
    display: block;
    height: 24px;
    line-height: 24px;
}
span.breadcrumbs span.no-link
{
    font-weight: normal;
}
span.breadcrumbs a:hover
{
    text-decoration: none;
}
p.buttonheading
{
    float: right;
    margin: 0 0 0 15px;
}
p.articleinfo, p.iteminfo
{
    margin: 0;
    font-style: italic;
    font-size: 10px;
    line-height: 130%;
}
span.modifydate, span.createdby, span.createdate
{
    display: block;
}
p.counter
{
    text-indent: 5px;
}
div.pagination
{
    height: 22px;
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 15px;
}
div.pagination div.tab
{
    float: left;
    margin-right: 6px;
}
div.pagination div.tab2
{
    padding: 0 8px;
}
div.pagination div.page-block
{
    padding: 0 4px;
    float: left;
    margin-right: 6px;
}
#page
{
    padding-bottom: 15px;
}
.componentheading
{
    margin: 0 0 15px 0;
    font-size: 180%;
    line-height: 130%;
    padding: 0;
}

/* Side Column Modules */
#inset-block-left .side-mod, #inset-block-right .side-mod
{
    margin-bottom: 0;
}
.advertisement .side-mod h3.module-title
{
    text-align: center;
    padding: 2px;
    margin: 0;
    font-size: 10px;
}
#rightcol .advertisement .side-mod .module
{
    padding: 0 0 0 5px;
}
#leftcol .advertisement .side-mod .module
{
    padding: 0 5px 0 0;
}
.hilite1 .module-header, .hilite1 .module-header2, .hilite1 .module-header3, .hilite1 .module-tm, .hilite1 .module-tl, .hilite1 .module-tr, .hilite2 .module-header, .hilite2 .module-header2, .hilite2 .module-header3, .hilite2 .module-tm, .hilite2 .module-tl, .hilite2 .module-tr, .hilite3 .module-header, .hilite3 .module-header2, .hilite3 .module-header3, .hilite3 .module-tm, .hilite3 .module-tl, .hilite3 .module-tr, .hilite4 .module-header, .hilite4 .module-header2, .hilite4 .module-header3, .hilite4 .module-tm, .hilite4 .module-tl, .hilite4 .module-tr, .hilite5 .module-header, .hilite5 .module-header2, .hilite5 .module-header3, .hilite5 .module-tm, .hilite5 .module-tl, .hilite5 .module-tr
{
    background: none !important;
}
.hilite1 .module-tr, .hilite2 .module-tr, .hilite3 .module-tr, .hilite4 .module-tr, .hilite5 .module-tr
{
    padding: 0;
}
.hilite1 .module, .hilite2 .module, .hilite3 .module, .hilite4 .module, .hilite5 .module
{
    padding: 20px;
}
/* Side Menus */
#main-body ul.menu
{
    margin: 0;
    padding: 0;
}
#main-body ul.menu li
{
    list-style: none;
    margin: 0;
    padding: 0;
    float: none;
}
#main-body ul.menu a:hover
{
    text-decoration: none;
}
#main-body ul.menu span
{
    display: block;
}
#main-body ul.menu ul li a
{
    padding-left: 20px;
}
#main-body ul.menu ul li span.separator
{
    padding-left: 20px !important;
    background: none !important;
}
#main-body ul.menu li ul li
{
    background: none !important;
}
#main-body ul.menu ul li ul li a, #main-body ul.menu ul li ul li .separator
{
    padding-left: 36px;
    background: none;
}
#main-body ul.menu ul li ul li ul li a, #main-body ul.menu ul li ul li ul li .separator
{
    padding-left: 56px;
    background: none;
}
#main-body ul.menu li.active.parent li span, #main-body ul.menu li.parent li span, #main-body ul.menu li ul.children li span
{
    padding-left: 18px;
    font-size: 110%;
    line-height: 110%;
}
#main-body ul.menu a, ul.menu .separator
{
    display: block;
    text-indent: 0; /*overflow: hidden;*/
    font-size: 120%;
    float: none;
}
#main-body ul.menu a, #main-body ul.menu .separator
{
    padding: 8px 10px 8px 20px;
}
#main-body ul.menu li.active.parent li span.separator, #main-body ul.menu li.parent li span.separator
{
    background: none;
}
#main-body ul.menu li.active a, #main-body ul.menu li.active li.active a, #main-body ul.menu li.active li.active li.active a, #main-body ul.menu li.active .separator, #main-body ul.menu li.active li.active .separator
{
    font-weight: bold;
}
#main-body ul.menu li.active li a, #main-body ul.menu li.active li.active li a, #main-body ul.menu li.active li .separator, #main-body ul.menu li.active li.active li .separator, #main-body ul.menu li.active li.active li.active .separator
{
    font-weight: normal;
    background: none;
}
#main-body ul.menu ul ul
{
    padding: 0;
    margin: 0;
}
#main-body ul.menu li li
{
    padding: 0;
    margin: 0;
    background: none;
    font-size: 10px;
}
#main-body ul.menu li li a span, #main-body ul.menu li li .separator span
{
    padding: 0;
}
#main-body ul.menu li.active.parent ul, #main-body ul.menu li ul.children
{
    margin: 0;
    padding: 10px 0 15px 0;
}
#main-body ul.menu li.active.parent ul li.active.parent ul
{
    padding: 5px 0;
}
#main-body ul.menu li li a:hover, #main-body ul.menu li.active li .separator:hover, #main-body ul.menu li.active li a, #main-body ul.menu li.active li .separator
{
    background: none;
}
#main-body ul.menu li.active ul span.separator
{
    background: none;
}
#main-body ul.menu li.active li li, #main-body ul.menu li:hover li li
{
    background: none !important;
}

.menuLeftHeader
{
    cursor: pointer;
    color: #333333;
}
.header
{
    cursor: pointer;
    color: #333333;
}
.menuLeftHeaderSelected
{
    cursor: pointer;
}
.menuLeftHeader h3, .menuLeftHeaderSelected h3
{
    background: #8fc5d5;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 5px 7px 5px 7px;
}
.menuLeftContent /*,.menuLeftContent li*/
{
    color: #333;
    padding: 0;
    border: 0;
}
.menuLeftContent h4 /* subheader*/
{
    background: #a5d5e3;
    color: #105573;
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 7px 5px 7px;
    text-transform: uppercase;
}
.menuLeftContent li, .menuLeftContent a
{
    color: #333;
}

/*grid*/
.mainGrid
{
}

.mainGrid th
{
    padding: 2px;
}
.mainGrid th a
{
    color:White;
}

.mainGrid td
{
    padding: 2px;
}

.gv_pager
{    
    background: #F7F7DE;    
    color:black;
}

.gv_pager span
{    
    background: #F7F7DE;
    color:Red;
    font-weight: bold;
}

/* Require field */
.formStar_RequireField
{
    color: Red;
    font-weight: bold;
}
.formValidator_RequireField
{
    color: Red;
    font-weight: bold;
}

/* Form Styles */

.formContainer
{
    background: #efefef;
    border: 5px solid #ddd;
    clear: both;
    padding: 10px;
    margin-bottom: 20px;
}
.section
{
    background: #efefef;
    border: 2px solid #ddd;
    clear: both;
    padding: 5px;
    margin-bottom: 4px;
}

.formContainer h4
{
    background: #333;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 5px 7px 5px 7px;
}


.formFieldElement
{
    float: left;
    font-weight: bold;
    margin: 0 20px 10px 0;
    width: 200px;
}

.formFieldElement_Ticket
{
    float: left;
    margin: 0 20px 10px 0;
    padding-left: 10px;
    width: 250px;
}

.formFieldElement_fullwidth
{
    font-weight: bold;
    margin: 0 20px 10px 0;
    width: 98%;
}

.formFieldElement span, .formLabel
{
    font-weight: bold;
}

.formFieldElement input,
.formFieldElement textarea, 
.formFieldElement select, 
.formField_fullwidth, 
.formFieldElement_Ticket input, 
.formFieldElement_Ticket textarea, 
.formFieldElement_Ticket select, 
.formField_Ticket_fullwidth
{
    border: 2px solid #ccc;
    color: #006699;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    padding: 5px;
    width: 99%;
}
.formFieldElement input[type=checkbox]
{
    border: 0px none #ccc;
    color: #006699;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    padding: 5px;
    text-align:left;
    width:30px;
}
.formField_nobr
{
    white-space: nowrap;
}

.formButton
{
    background: #ddd 2px solid;
    color: #006699;
    font-weight: bold;
    padding: 2px;
    font-size: 12px;
    margin: 5px;
    border: none;
    text-transform: uppercase;
}

.formButton a:hover
{
    color: #fff;
    text-decoration: none;
}


/* Search Form*/
.searchformContainer
{
    background: #efefef;
    border: 5px solid #ddd;
    padding: 10px;
    margin-bottom: 20px;
}

.searchFormFieldElement
{
    float: left;
    font-weight: bold;
    margin: 0 30px 10px 0;
    width: 28%;
}


.searchFormFieldElement input, .searchFormFieldElement textarea, .searchFormFieldElement select, .searchFormFieldElement_fullwidth
{
    border: 2px solid #ccc;
    color: #006699;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    padding: 5px;
    width: 99%;
}


.searchFormSearchButton
{
    float: left;
    font-weight: bold;
    margin: 0 20px 10px 0;
    padding: 15px 0 0 0;
    width: 150px;
}

/* Modal Dialogs */
.modalBackground
{
    background-color: #333;
    filter: alpha(opacity=30);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #ddd;
    border-width: 7px;
    border-style: solid;
    border-color: #fff;
    padding: 0;
}

.modalHeader
{
    background: #333;
    height: 25px;
    padding: 10px;
}

.modalTitle
{
    color: #fff;
    float: left;
    font-size: 14pt;
    margin-bottom: 20px;
    width: 70%;
}

.modalClose
{
    float: right;
    margin-bottom: 20px;
    text-align: right;
    width: 25%;
}

.modalBody
{
    clear: both;
    padding: 10px 10px 0 10px;
}


.modalButtons
{
    padding: 0 10px 10px 10px;
    text-align: right;
}

/* This is the Main template logo, Edit this to match the width and height of your new logo image */
#logo
{
    width: 511px;
    height: 80px;
}

#admin_logo
{
    width: 511px;
    height: 80px;
}

/* Font Family Settings */
#ff-refraction, a.refraction, #ff-refraction .componentheading
{
    font-family: Helvetica,Arial,sans-serif;
}
#ff-refraction h1
{
    font-family: Georgia, Times, sans-serif;
}
#ff-optima, a.optima
{
    font-family: Optima, Lucida, 'MgOpen Cosmetica' , 'Lucida Sans Unicode' , sans-serif;
}
#ff-geneva, a.geneva
{
    font-family: Geneva, Tahoma, "Nimbus Sans L" , sans-serif;
}
#ff-helvetica, a.helvetica
{
    font-family: Helvetica, Arial, FreeSans, sans-serif;
}
#ff-lucida, a.lucida
{
    font-family: "Lucida Grande" ,Helvetica,Verdana,sans-serif;
}
#ff-georgia, a.georgia
{
    font-family: Georgia, sans-serif;
}
#ff-trebuchet, a.trebuchet
{
    font-family: "Trebuchet MS" , sans-serif;
}
#ff-palatino, a.palatino
{
    font-family: "Palatino Linotype" , "Book Antiqua" , Palatino, "Times New Roman" , Times, serif;
}
input
{
    font-family: Helvetica,Arial,sans-serif;
}



/* Extra Content Styles */
a.nounder
{
    text-decoration: none;
    border: 0;
    cursor: pointer;
}
a.nounder:hover
{
    text-decoration: none;
}
fieldset
{
    margin: 10px 0 20px 0;
    border: 1px solid #ccc;
}
fieldset.input, a img, body .pollstableborder
{
    border: 1px solid #ccc;
}
table.pollstableborder
{
    width: 100%;
}
.pollstableborder th
{
    font-size: 130%;
    text-align: left;
}
.pollstableborder td.td_1, .pollstableborder td.td_2
{
    width: 20%;
}
.pollstableborder td.td_3
{
    width: 60%;
}
.pollstableborder td div
{
    border-width: 5px;
    border-style: solid;
    background: transparent;
}
legend
{
    font-size: 120%;
}
form.poll fieldset
{
    margin: 0 0 10px 0;
    padding: 0;
}
.side-mod form.poll
{
    margin: 0 -10px;
}
.side-mod h4.poll-title
{
    margin: 0;
    padding: 0;
    font-size: 120%;
}
.side-mod .poll-line
{
    padding: 9px 15px 11px 15px;
    font-size: 110%;
}
.side-mod .poll-buttons
{
    padding: 0 15px 0 15px; /*overflow: hidden;*/
    width: 130px;
    margin: 0 auto;
}
form.poll input.button
{
    background: none;
    cursor: pointer;
    border: none;
    text-align: center;
    line-height: 28px;
    height: 27px;
    margin-bottom: 5px;
    float: left;
    padding: 0;
}
.vote-button-wrap .readon-wrap1
{
    margin-left: 15px;
}
form.poll a.results:hover
{
    text-decoration: none;
}
img.content-left
{
    float: left;
    margin-right: 10px;
    padding: 5px;
}
img.content-right
{
    float: right;
    margin-left: 10px;
    padding: 5px;
}
.bannergroup .clr
{
    clear: none !important;
}
.bannergroup .banneritem
{
    margin-bottom: 10px;
}
dl.poll dt
{
    border-bottom: solid 1px #ccc;
    font-weight: bold;
}
dl.poll dd
{
    padding: 6px 0;
    margin-left: 0;
}
ul.latestnews, ul.mostread, .blog_more ul, .block ul#mainlevel-nav
{
    margin: 0;
    padding: 0;
}
ul.latestnews li, ul.mostread li, .blog_more ul li, .block ul#mainlevel-nav li
{
    list-style: none;
    margin-bottom: 6px;
    padding-bottom: 6px;
    padding-left: 5px;
}
ul.latestnews li a, ul.mostread li a, .blog_more ul li a, .block ul#mainlevel-nav li a
{
    font-weight: bold;
    font-size: 110%;
    display: block;
    padding-left: 14px;
}

/* Login Styles */
form.form-login p
{
    margin: 0;
}
form.form-login .inputbox
{
    background: none;
    border: 0;
    padding: 4px 0 4px 5px;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    width: 100%;
    margin-left: -5px;
    margin-bottom: 10px;
}
form.form-login .input-field-l
{
    margin-left: 5px;
}
form#login.form-login .input-field-l
{
    width: 300px;
}
form.form-login .login-links
{
    margin-bottom: 8px;
    margin-top: 8px;
}
form.form-login .login-links a
{
    padding-left: 10px;
}
form.form-login input.button, form.log input.button
{
    background: none;
    cursor: pointer;
    border: none;
    text-align: center;
    line-height: 28px;
    height: 27px;
    margin-bottom: 5px;
    float: left;
    padding: 0;
}
form.form-login fieldset
{
    padding: 0;
}
form.log .readon-wrap1
{
    margin-top: 5px;
}
input.button
{
    font-size: 100%;
    cursor: pointer;
    padding: 3px 5px;
}
form.form-login span.username-label, form.form-login span.password-label
{
    display: block;
    text-transform: uppercase;
    margin-bottom: 1px;
    padding-left: 2px;
}
.register-page .inputbox
{
    width: 215px;
    height: 20px;
    border: 0;
    padding-left: 5px;
    font-size: 110%;
    padding-top: 4px;
    line-height: 10px;
    margin-bottom: 10px;
}
.register-page input.button, form.josForm input.validate
{
    background: none;
    border: 0;
}
.register-page div.name, .register-page div.user, .register-page div.email, .register-page div.pass, .register-page div.verify_pass
{
    text-align: right;
}
form#josForm.form-validate.user, .edit-user-form
{
    float: left; /*overflow: hidden;*/
    padding-bottom: 15px;
}
.edit-user-form
{
    padding-top: 15px;
}
.register-page fieldset
{
    margin-bottom: 15px;
    margin-top: 0;
    padding-bottom: 15px;
}
div.user_name
{
    margin-bottom: 10px;
}
div.user_name span
{
    font-weight: bold;
    font-size: 110%;
}
.user-params
{
    margin-bottom: 20px;
}
.user-params td.paramlist_key
{
    width: auto;
}
.edit-user-button
{
    margin: 0 auto;
    width: 80px;
}
.remember-me
{
    margin-top: 5px;
    margin-bottom: 5px;
}
form.form-login .readon-wrap1
{
    margin-top: 5px;
}
a#rokbox-close
{
    height: 20px;
    width: 20px;
}
form.josForm label.hasTip
{
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    margin-right: 5px;
}

#footer
{
    position: relative;
}
.footer-mod
{
    padding: 15px 0;
}

/* Backgrounds */
body.bgstyle10
{
    background: #D0F4F6;
}
body.bgstyle10 #main-background
{
    background: url(images/bgimage.jpg) 50% 0 no-repeat;
}

/* General Styles */
body
{
    min-width: 979px;
}
body.iehandle #main-background
{
    background-attachment: fixed;
}
div.wrapper
{
    margin: 0 auto;
    width: 979px;
    padding: 0;
}
#maincontent-block
{
    margin-right: 0px;
    margin-left: 0px;
}
#main-body ul.menu li a:hover, ul.roknewspager-numbers li.active, .feature-block .feature-desc, #horiz-menu li.active .link span, #horiz-menu li:hover .link span, #horiz-menu li.sfHover .link span, #horiz-menu li:hover li:hover .link span, #horiz-menu li:hover li:hover li:hover .link span, #horiz-menu li.sfHover li.sfHover .link span, #horiz-menu li.sfHover li.sfHover li.sfHover .link span, #showcase-section, .side-mod h3, #searchmod-surround h3, #main-body ul.menu li a:hover, ul.roknewspager-numbers li.active, a:hover, #featuremodules
{
    color: #333333;
}

/* Header */
#header-overlay
{
    background: url(images/main/light/header-overlay.png) 0 0 repeat-x;
}
#logo
{
    background: url(images/main/light/logo.png) 0 0 no-repeat;
}
#admin_logo
{
    background: url(images/main/light/admin_logo.png) 0 0 no-repeat;
}

/* Horizontal Menu */
#horiz-menu
{
    background: url(images/main/light/horizmenu-bg.png) 50% 0 no-repeat;
}
#horiz-menu li
{
    background: url(images/main/light/horizmenu-div.png) 100% 50% no-repeat;
}
#horiz-menu ul ul li
{
    background: url(images/main/light/module-div.png) 50% 100% repeat-x;
}
#horiz-menu ul ul.columns-1
{
    background: url(images/main/light/drop-bg-1.png) 0 100% no-repeat;
}
#horiz-menu ul ul.columns-2
{
    background: url(images/main/light/drop-bg-2.png) 0 100% no-repeat;
}
#horiz-menu ul ul.columns-3
{
    background: url(images/main/light/drop-bg-3.png) 0 100% no-repeat;
}
#horiz-menu ul ul.columns-4
{
    background: url(images/main/light/drop-bg-4.png) 0 100% no-repeat;
}
#horiz-menu ul ul li .link.daddy span, #horiz-menu ul li.parent.active:hover li .link.daddy span, #horiz-menu ul li.parent.active.sfHover li .link.daddy span, #horiz-menu ul li.parent:hover li .link.daddy span, #horiz-menu ul li.parent.sfHover li .link.daddy span, #horiz-menu ul ul li.parent
{
    background: url(../images/main/light/main-arrow.png) 95% -290px no-repeat;
}
#horiz-menu li.active .link, .menutop .animated-bg, #horiz-menu.splitmenu li:hover .link, #horiz-menu.suckerfish li:hover .link, .level1 .animated-bg
{
    background: url(../images/main/light/horizmenu-active.png) 50% 0 no-repeat;
}

/* Main Body */
#mainbody-overlay
{
    background: url(../images/main/light/overlay-divider.png) 50% 0 no-repeat;
}
#mainbody-overlay2
{
    background: url(../images/main/light/bg-overlay.png) 0 0;
}
#maincontent-tm
{
    background: url(../images/main/light/maincontent-tm.png) 0 0 repeat-x;
}
#maincontent-tl
{
    background: url(../images/main/light/maincontent-tl.png) 0 0 no-repeat;
}
#maincontent-tr
{
    background: url(../images/main/light/maincontent-tr.png) 100% 0 no-repeat;
}
#maincontent-m
{
    background: url(../images/main/light/maincontent-m.png) 0 0;
}
#maincontent-l
{
    background: url(../images/main/light/maincontent-l.png) 0 0 repeat-y;
}
#maincontent-r
{
    background: url(../images/main/light/maincontent-r.png) 100% 0 repeat-y;
}
#maincontent-surround
{
    background: url(../images/main/light/maincontent-bg.png) 0 0 repeat-x;
}
#maincontent-bm
{
    background: url(../images/main/light/maincontent-bm.png) 0 0 repeat-x;
}
#maincontent-bl
{
    background: url(../images/main/light/maincontent-bl.png) 0 0 no-repeat;
}
#maincontent-br
{
    background: url(../images/main/light/maincontent-br.png) 100% 0 no-repeat;
}

/* Side Modules */
.module-tm
{
    background: url(../images/main/light/sidemod-tm.png) 0 0 repeat-x;
}
.module-tl
{
    background: url(../images/main/light/sidemod-tl.png) 0 0 no-repeat;
}
.module-tr
{
    background: url(../images/main/light/sidemod-tr.png) 100% 0 no-repeat;
}
.side-mod .module
{
    background: url(../images/main/light/sidemod-bg.png) 0 0;
}
.module-header
{
    background: url(../images/main/light/sidemod-h3-m.png) 0 0 repeat-x;
}
.module-header2
{
    background: url(../images/main/light/sidemod-h3-l.png) 0 0 no-repeat;
}
.module-header3
{
    background: url(../images/main/light/sidemod-h3-r.png) 100% 0 no-repeat;
}
.hilite1 .module
{
    background: url(../images/main/light/searchbg.png) 0 0;
}
.hilite2 .module
{
    background: url(../images/main/light/searchbg2.png) 0 0;
}
.hilite3 .module
{
    background: url(../images/main/light/featuremod-bg.png) 0 0;
}
.hilite4 .module
{
    background: url(../images/main/light/maincontent-bg.png) 0 0;
}
.hilite5 .module
{
    background: url(../images/main/light/horizmenu-bg.png) 45% 0 no-repeat;
}

/* Side Menus */
#main-body ul.menu li
{
    background: url(../images/main/light/module-div.png) 0 100% no-repeat;
}
#main-body ul.menu li a
{
    background: url(../images/main/light/main-arrow.png) 5px 11px no-repeat;
}
#main-body ul.menu li a:hover
{
    background: url(../images/main/light/main-arrow.png) 5px -288px no-repeat;
}

#main-body ul.children li a, #main-body ul.children li a:hover
{
    background: none;
}

/* Login Styles */
form.form-login .input-field-l
{
    background: url(../images/main/light/input-r.png) 100% 0 no-repeat;
}
form.form-login .inputbox
{
    background: url(../images/main/light/input-l.png) 0 0 no-repeat;
}

/* Bottom Section */
#bottom-border-top, #bottom-border-bottom
{
    background: url(../images/main/light/bottom-border.png) 0 0;
}
#bottom
{
    background: url(../images/main/light/bottom-bg.png) 0 0 repeat-x;
}
#bottom2
{
    background: url(../images/main/light/bottom-border.png) 0 0 repeat-y;
}
#bottom3
{
    background: url(../images/main/light/bottom-border.png) 100% 0 repeat-y;
}
#top-button a:hover
{
    color: #222;
}
#rocket
{
    background: url(../images/main/light/rocket.png) 0 0 no-repeat;
}

/* Typography */
.readon1-l
{
    background: url(../images/main/light/readon-l.png) 0 0 no-repeat;
}
.readon1-m
{
    background: url(../images/main/light/readon-m.png) 50% 0 repeat-x;
}
.readon1-r
{
    background: url(../images/main/light/readon-r.png) 100% 0 no-repeat;
}

/* Ticket gv Styles */
.ticket_main
{
    background-color: #FFD7D7;
    padding: 10px;
}
.ticket_reply_client
{
    background-color: #DEF49B;
    padding: 10px;
}
.ticket_reply_admin
{
    background-color: #FFD7D7;
    padding: 10px;
}
.ticket_reply_stuff
{
    background-color: #C8E6E6;
    padding: 10px;
}


/* SideBar and Content Styles */
.Content
{
    background: transparent;
    border: 1px solid #eee;
    float: right;
    margin: 0 0 50px 0;
    min-height: 500px;
    padding: 10px;
    width: 66%; /*filter: alpha(opacity=20); 	-moz-opacity: 0.20; 	opacity: 0.20; 	*/
}

.Content_Fullwidth
{
    background: transparent;
    border: 1px solid #eee;
    margin: 0 0 50px 0;
    min-height: 500px;
    padding: 10px;
    width: 99%; /*filter: alpha(opacity=20); 	-moz-opacity: 0.20; 	opacity: 0.20; 	*/
}


#SubContent
{
    background: #fff;
    margin: 0;
    min-height: 500px;
    padding: 10px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

#SubContent h1
{
    border-bottom: 1px solid #ddd;
    color: #000;
    font-size: 25px;
    margin: 0 0 20px 0;
    padding: 5px 7px 5px 7px;
}

.SideBar
{
    background: #a5d5e3;
    padding: 10px;
    width: 28%;/*filter: alpha(opacity=10); 	-moz-opacity: 0.10; 	opacity: 0.10;*/
}

.SubSideBar
{
    background: #bfe7ef; /*padding:10px; 	 	filter: alpha(opacity=80); 	-moz-opacity: 0.80; 	opacity: 0.80;*/
}


/* NEWS STYLES */
.newsItem
{
    clear: both;
    margin: 0;
    padding: 0;
    width: 99%;
}

.newsItemTitle
{
    background: #333;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 5px 7px 5px 7px;
    width: 99%;
}

.newsItemDescription
{
    background: #fff;
    margin: 0;
    padding: 7px;
    width: 99%;
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

.newsItemFooter
{
    background: #ccc;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 5px 7px 5px 7px;
    text-align: right;
    text-transform: uppercase;
    width: 99%;
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

.newsItemDate
{
    float: left;
    text-align: left;
    width: 150px;
}

.newsItemMore, #newsInfo
{
    float: right;
    width: 150px;
}


/* PAGE STYLES */
.linkBox
{
    padding: 10px;
}

.buttonBox
{
    height: 40px;
    margin: 0 0 10px 0;
}

.buttonBoxItem
{
    float: left;
    width: 150px;
}


/* DASHBOARD STYLES */
.dashboardPromo
{
}

.dashboardPromoBlock
{
}

.dashboardPromoBlock h3
{
    background: #eee;
    font-size: 18px;
    margin: 10px 0 10px 0;
    padding: 5px 7px 5px 7px;
}

.dashboardDescription
{
    color: #333;
    font-size: 12px;
    line-height: 150%;
    margin: 0 0 10px 0;
}

.dashboardTab h2
{
    color: #1a769e;
    margin: 0;
    font-size: 20px;
}

.service_box
{
    float: left;
    margin-right: 10px;
    width: 45%;
}

.service_box h3
{
    background: #eee;
    font-size: 18px;
    margin: 10px 0 10px 0;
    padding: 5px 7px 5px 7px;
}

.service_box h4
{
    background: transaprent;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    margin: 0 0 10px 0;
    padding: 0;
    text-transform: uppercase;
}

.AnimationExtender
{
    background: #bce0f0;
    border: 5px solid #77acc4;
    padding: 20px;
}

/*Message Notification*/
.MessageNotificationDiv
{
    background: #bce0f0;
    border: 5px solid #77acc4;
    padding: 20px;
}
.description
{
    font-size: 10px;    
}

/* Accordion */
.accordionHeader
{
    border: 1px solid white;
    color: white;
    background-color: #6B696B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#main-body .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#main-body .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#main-body .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#main-body .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
